<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>老成都火锅详情</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
    <!-- 头部 -->
    <div class="head">
        <img src="../img/occupy.png" alt="">
    </div>

    <div class="spicy">
        <div class="left">
            <span class="u-chongqing">老成都火锅</span>
            <br />
            <span class="u-distance"
              >>100km | 四川省成都市龙泉驿区茶</span
            >
            <br />
            <span class="u-advice">营业时间：9:00 ~ 17:30</span>
        </div>

        <div class="right">
            <img src="../img/occupy.png" alt="">
            <br>
            <span>导航</span>
        </div>
    </div>

    <!-- 精选图片 -->
    <div class="picture">
        <h3>精选图片</h3>
        <img src="../img/occupy.png" alt="">
        <img src="../img/occupy.png" alt="">
        <img src="../img/occupy.png" alt="">
    </div>

    <!-- 底部 -->
    <div class="footer">
        - 我也是有底线的 -
    </div>
</body>
</html>